<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        /*
            要是在这里获取div标签会获取不到，因为div对象还没有加载，
            所以要在body中的div后写script
        */
    </script>
</head>

<body>
    <button id="btn1">按钮1</button>
    <button id="btn2">按钮2</button>
    <div id="bw">你好</div>
    <script>
        // getElementById()：该方法通过指定的id并且以对象的形式获取对应的标签
        // innerText：该方法可以获取标签对象中的文本内容
        /* 
            id具备唯一性的特征，如果页面中有元素定义了id=1，那么后面的元素就必要再使用id=1了。
            */

        /* 
               需求：想要把div标签的内容显示到控制台
               1. 先获取到div标签
               2. 再把div标签内的文本取出来。
            */
        const divObj = document.getElementById("bw");
        console.log(divObj);
        // 获取对象中的文本内容
        console.log(divObj.innerText);


    </script>
</body>

</html>